{% extends "base.html" %}
{% block results %}
<em style="display:block; font-size:10px;">click στους τίτλους του πίνακα για ταξινόμηση</em>
<table id="maintable" class="tablesorter" style="width:300px; float:left;">
    <thead>
        <tr>
            <th> Αριθμός Μητρώου </th>
            <th> Βαθμός </th>
            <th> Περίοδος </th>
        </tr>
    </thead>
    <tbody>
        {% for result in results %}
        <tr>
            <td><a href="/student?sid=e{{ result.sid }}">e{{ result.sid }}</a> </td><td>{{ result.grade }}</td>
            <td> {{ result.period }} </td>
        </tr>

        {% endfor %}
    </tbody>
</table>

<div id="container" style=" margin-left:50px; width:400px; height:400px; float:left;"> 
</div>

<script language="javascript" type="text/javascript" src="/static-media/jquery.jqplot.min.js"></script>
<script language="javascript">

    $.jqplot("container", [[{% for count in statistics.counts %} {{ count }},
    {% endfor %} ]]);
</script>


{% endblock %}
